<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Thun Nữ</title>
<link rel="stylesheet" href="css/Home.css" type="text/css" media="all">
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Alegreya+SC:700,400italic' rel='stylesheet' type='text/css' />

</head>
<body>

<header>
			<ul class="tt-wrapper">
				<li><a class="tt-gplus" href="#"><span>Google Plus</span></a></li>
				<li><a class="tt-twitter" href="#"><span>Twitter</span></a></li>
				<li><a class="tt-dribbble" href="#"><span>Dribbble</span></a></li>
				<li><a class="tt-facebook" href="#"><span>Facebook</span></a></li>
				<li><a class="tt-linkedin" href="#"><span>LinkedIn</span></a></li>
				<li><a class="tt-forrst" href="#"><span>Forrst</span></a></li>
			</ul>	
</header>

		<div id="menu7">
		  <ul>
              <li><a href="Home.html">
                        <span class="title">Trang chủ</span>
                    </a>
            </li>
                <li><a href="TinTuc.html">
                        <span class="title">Tin Tức</span>
                    </a>
                </li>
                <li><a href="KhuyenMai.html">
                        <span class="title">Khuyến Mại</span> 
                    </a>
                </li>
                <li><a href="LienHe.html">
                        <span class="title">Liên Hệ</span>     
                    </a>
                </li>
                <li><a href="form-dangNhap.html">
                        <span class="title">Tài Khoản</span>   
                    </a>
                </li>
          </ul>
        </div>
       
<article>
    <div class="font2">
            <form action="http://www.google.com.vn/search" style="  
			  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(50%, #111111), color-stop(60%, #252525), 					              color-stop(100%, #555555));
              height: 40px;
              border-radius: 8px;">
            <input type="text" name="tensp" style="width: 300px" id="tk"/>
            <a class="button" href="#" id="tk2">TÌM KIẾM</a>
            <big style="cursor:default">Giỏ hàng có: <b>0</b> sản phẩm</big>
            <a class="button" href="GioHang.html" style="border-radius: 3px">XEM GIỎ HÀNG</a>
            </form>
    </div>
</article>

<aside>
        <div id="menu1" class="font2">
            <h4><a href="#">Đồ Nam</a></h4>
                <ul>
                    <li><a href="SoMiNam.html">Áo Sơ Mi</a></li>
                    <li><a href="ThunNam.html">Áo Thun</a></li>
                    <li><a href="KhoacNam.html">Áo Khoác</a></li>
                    <li><a href="QuanNam.html">Quần</a></li>
                </ul>
            <h4><a href="#">Đồ Nữ</a></h4>
                <ul>
                    <li><a href="SoMiNu.html">Áo Sơ Mi</a></li>
                    <li><a href="ThunNu.html">Áo Thun</a></li>
                    <li><a href="KhoacNu.html">Áo Khoác</a></li>
                    <li><a href="Vay.html">Váy</a></li>
                    <li><a href="QuanNu.html">Quần</a></li>
                </ul>
            <h4><a href="#">Giày dép</a></h4>
                <ul>
                    <li><a href="GiayNam.html">Nam</a></li>
                    <li><a href="GiayNu.html">Nữ</a></li>
                </ul>
            <h4><a href="PhuKien.html">Phụ Kiện</a></h4>
        </div>
        
        <p id="left1"><b>Sản phẩm bán chạy</b></p>
          <dl class="captioned-image2">
                <dt><img src="images/7.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00001<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
          </dl>
        
          <dl class="captioned-image2">
                <dt><img src="images/8.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00002<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
          </dl>
          
          <dl class="captioned-image2">
                <dt><img src="images/9.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00003<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
          </dl>
     
        <p id="left1"><b>Sản phẩm khuyến mãi</b></p>
        <dl class="captioned-image2">
                <dt><img src="images/5.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00004<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
        </dl>
        <dl class="captioned-image2">
                <dt><img src="images/1.jpg"/></dt>
                <dd>
                	<span>
                      Mã sản phẩm: A00005<br>
                      Tình trạng: <i>Còn hàng</i><br>
                      Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                      <a class="button" href="#">MUA HÀNG</a>
                      <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>                  
                </dd>
        </dl>
        
        <p id="left1"><b>Hỗ trợ khách hàng</b></p>
        <div id="lienHe">
            <a href="ymsgr:SendIM?trung_thanh_24&amp;m=Chào bạn,mình là khách hàng của Quà tặng sáng tạo.Bạn cho mình hỏi 1 chút!" class="blue" style="text-decoration:none;">
                <img style="margin: 5px 5px 5px 20px;" src="http://mail.opi.yahoo.com/online?u=trung_thanh_24&amp;t=14" align="absmiddle" border="0" title="Click vào đây để chat với nhân viên chăm sóc khách hàng!">
                <br>
                <marquee style="margin-left:20px;font-weight:bold;color:#960;" behavior="slow" width="130">Mr.Jin | SĐT: 098761xxxx</marquee>
            </a>
            <a href="ymsgr:SendIM?trung_thanh_24&amp;m=Chào bạn,mình là khách hàng của Quà tặng sáng tạo.Bạn cho mình hỏi 1 chút!" class="blue" style="text-decoration:none;">
                <img style="margin: 5px 5px 5px 20px;" src="http://mail.opi.yahoo.com/online?u=trung_thanh_24&amp;t=14" align="absmiddle" border="0" title="Click vào đây để chat với nhân viên chăm sóc khách hàng!">
                <br>
                <marquee style="margin-left:20px;font-weight:bold;color:#960;" behavior="slow" width="130">Mr.Jin | SĐT: 098761xxxx</marquee>
            </a>
        </div>
        
        <p id="left1"><b>Thống kê truy cập</b></p>
        <p style="margin-left:40px; cursor:default" >Số người online : <font color="#FF0000" style="font-family:Palatino Linotype;">1</font></p>
        <p style=" margin-bottom:8px; text-align:center; cursor:default">Số lượt truy cập : <font color="#FF0000" style="font-family:Palatino Linotype;">9765</font></p>
</aside>

<section>
        <p id="font3"><b>Áo Thun Nữ</b></p>
        <dl class="captioned-image3">
                <dt><img src="Anh quan ao/Thun_N1.jpg" width="330px" height="417px"/></dt>
                <dd>
                	<span>
                      Mã sản phẩm: A00005<br>
                      Tình trạng: <i>Còn hàng</i><br>
                      Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                      <a class="button" href="#">MUA HÀNG</a>
                      <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>                  
                </dd>
        </dl>
        <dl class="captioned-image3">
                <dt><img src="Anh quan ao/Thun_N2.jpg" width="330px" height="417px"/></dt>
                <dd>
                	<span>
                      Mã sản phẩm: A00005<br>
                      Tình trạng: <i>Còn hàng</i><br>
                      Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                      <a class="button" href="#">MUA HÀNG</a>
                      <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>                  
                </dd>
        </dl>
        <dl class="captioned-image3">
                <dt><img src="Anh quan ao/Thun_N3.jpg" width="330px" height="417px"/></dt>
                <dd>
                	<span>
                      Mã sản phẩm: A00005<br>
                      Tình trạng: <i>Còn hàng</i><br>
                      Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                      <a class="button" href="#">MUA HÀNG</a>
                      <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>                  
                </dd>
        </dl>
   		<p id="font3"><b>Sản phẩm sắp về</b></p>
        <div>
			<ul class="mh-menu">
				<li><a href="#"><span>LX</span> <span>Louis Vuitton</span></a><img src="Anh quan ao/Khoac_N8.jpg" alt="image01"/></li>
				<li><a href="#"><span>DKNY</span> <span>Donna Karan New York </span></a><img src="Anh quan ao/KhoacNu1.jpg" alt="image02"/></li>
				<li><a href="#"><span>D&amp;G</span> <span>Dolce &amp; Gabbna</span></a><img src="Anh quan ao/A_Nam7.jpg" alt="image03"/></li>
				<li><a href="#"><span>Gucci</span> <span>Guccio Gucci</span></a><img src="Anh quan ao/KhoacNu3.jpg" alt="image04"/></li>
			</ul>
        </div>
</section>

<footer>
        <div id="footer1">
            <b><a href="Home.html">Trang Chủ &nbsp;&nbsp;|</a></b>
            <b><a href="TinTuc.html">&nbsp;&nbsp;Tin Tức &nbsp;&nbsp;|</a></b>
            <b><a href="KhuyenMai.html">&nbsp;&nbsp;Khuyến Mại &nbsp;&nbsp;|</a></b>
            <b><a href="LienHe.html">&nbsp;&nbsp;Liên Hệ &nbsp;&nbsp;|</a></b>
            <b><a href="form-dangNhap.html">&nbsp;&nbsp;Tài Khoản</a></b>
            <p>Copyright © 2011 - 2012</p>
            <p>Thiết kế bởi: Nhóm 1 - Lớp T1107G</p>
        </div>
</footer>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

<script type="text/javascript">
        $(document).ready(function(){
                $("#menu1 > ul").hide();
                $("#menu1 > h4").click(function(){
                        $("#menu1 > ul").slideUp("400");
                        if($(this).next("#menu1 > ul").is(":hidden") == true){
                                $(this).next("#menu1 > ul").slideDown("400");
                        }
                        
                });
        });
</script>

<script type="text/javascript">
        $(document).ready(function(){
                $(".captioned-image > dd").hide();
                $(".captioned-image > dt").mouseover(function(){
                        $("dd").slideUp("slow");
                        if($(this).next("dd").is(":hidden") == true){
                                $(this).next("dd").slideDown("slow");
                        }
                        
                });
        });
</script>

<script type="text/javascript">
        $(document).ready(function(){
                $(".captioned-image2 > dd").hide();
                $(".captioned-image2 > dt").mouseover(function(){
                        $("dd").slideUp("slow");
                        if($(this).next("dd").is(":hidden") == true){
                                $(this).next("dd").slideDown("slow");
                        }
                        
                });
        });
</script>
<script type="text/javascript">
        $(document).ready(function(){
                $(".captioned-image3 > dd").hide();
                $(".captioned-image3 > dt").mouseover(function(){
                        $("dd").slideUp("slow");
                        if($(this).next("dd").is(":hidden") == true){
                                $(this).next("dd").slideDown("slow");
                        }
                        
                });
        });
</script>
</body>
</html>
